﻿@using PracticeSimple.Models
@using BusinessObjects;
@model DashboardModel

@{
    ViewBag.Title = "Practice Simple Dashboard";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<link href="~/Style/cupertino/jquery-ui-1.9.2.custom.min.css" rel="stylesheet" />

<script src="~/Scripts/Dashboard.js"></script>
<script src="~/Scripts/jquery-ui-1.9.2.custom.min.js"></script>
<script src="~/Scripts/jquery-ui-timepicker-addon.js"></script>

<div id="Dashboard">

<h1>Dashboard</h1>

<div id="searchPatients">
    <h4>Search Patients by Name</h4>
    <input type="text" id="tbPatientName" placeholder="Type to search..." />
</div>

<a href="~/Patient/AddPatient" id="btnCreatePatient" class="btn btn-primary btn-medium">Add New Patient</a>

<div id="tblPatientContainer">
    <div class="loading"><img src="~/Images/loading.gif" /></div>
    <div class="data">
        <table id="tblPatients">
            <thead>
                <tr><th>&nbsp;</th><th>&nbsp;</th><th>Name</th><th>Date of Birth</th></tr>
            </thead>
            <tbody>

            </tbody>
        </table>

    </div>
</div>
<!-- Modal -->
<div id="modCreateEncounter" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="createEncounterLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="createEncounterLabel">Create Encounter</h3>
  </div>
  <div class="modal-body">
    <div class="inputContainer">
        <div class="input"><label for="tbEncounterDate">Encounter Date and Time:</label><input type="text" id="tbEncounterDate"/></div>
    </div>
  </div>
  <div class="modal-footer">
     <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
     <button class="btn" id="btnCreateEncounter" data-dismiss="modal" aria-hidden="true">Save</button>
    
  </div>
</div>

</div>